@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, li, ol, ul,input,select,button,textarea { padding:0; margin:0; border:none;}
input,button,select,textarea,a,img{outline:none; }/*去掉超链接或按钮点击时出现的虚线框黄色边框*/
::-moz-focus-inner{border:0px;}/*火狐的私有属性去掉点击时边框*/
body {font-size:12px; width:100%; font-family:"Microsoft YaHei","Arial", "SimSun";}
html{ width:100%;}
a img {	border:none;}
ul, ul li, ol li, li {	list-style:none;}
table {	border-collapse: collapse;border-spacing:0;}
input, textarea {border: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .clearfix {zoom: 1;}
*:first-child + html .clearfix {zoom: 1;}
.fl {	float:left;}
.fr {	float:right;}
.none{	display:none;}
/* 启动页 */
.start { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; background-color: #fff; animation: starthide 2s ease 3s; animation-fill-mode: forwards;}
.start img { width: 100%; height: 100%; object-fit: cover;  animation: startmove 2s;}
@keyframes startmove
{
	from {opacity:0;}
	to {opacity:1;}
}
@keyframes starthide
{
	from {opacity:1;}
	to {opacity:0;}
}
/*头部*/
.wrap{ width: 1200px; margin: auto;}
.header { width: 100%; height: 102px; background: url("../images/bg_head.png") no-repeat center center; position: absolute; top: 0; z-index: 100; }
.head_nav{ height: 102px;}
.logo{ display: inline-block; width: 89px;  height: 95px; margin-top: 2px;}
.logo img{ height: 90px;}
.nav{ width: 816px;margin-left: 80px;}
.nav li{ float: left; width: 192px; height: 54px; margin: 20px 50px 0 0; padding-left: 30px; background: url("../images/bg_nav.png") no-repeat 0 0; overflow: hidden;}
.nav li a{ display: inline-block; float: left; width: 187px;height: 54px; font:bold 16px/54px "Microsoft YaHei"; color: #fffefe; text-decoration: none;}
.nav li:hover {background-position: 0 -73px;}
.nav li:hover >a{ color: #b5291d;}
.nav .curr{background-position: 0 -73px; }
.nav .curr a{color: #b5291d;}
.weathers{width:178px;height:90px;float:right;font:normal 22px "Microsoft YaHei";color:white;line-height: 90px;}
.weathers>img{margin-top:15px;}
.weathers>span{margin-top: 5px;}
.content{background:url(../images/banners.jpg) no-repeat;background-size:100% 100%;position: relative; }
.flowerBtn_Box{width:855px;height:136px;position:absolute;bottom:5px;left:50%;margin-left:-425px;}
.sumFlowerBtn{width:130px;height:130px;margin-left:-65px;background: url(../images/sumF_03.png) no-repeat;background-size:cover;cursor: pointer;font: normal 20px "Microsoft YaHei";color:white; text-align: center;}
.sumFlowerBtn>p{margin-top: 35px;}
.sumFlowerBtn:hover{background: url(../images/sumF_03.png) no-repeat;background-size:cover; background-position: -132px 0;color:#4da215; }
.myFlowerBtn{width:130px;height:130px;background: url(../images/myflower_03.png) no-repeat;background-size:cover;cursor: pointer;font: normal 20px "Microsoft YaHei";color:white; text-align: center;margin-right:50px;}
.myFlowerBtn>p{margin-top: 35px;}
.myFlowerBtn:hover{background: url(../images/myflower_03.png) no-repeat;background-size:cover; background-position: -133px 0;color:#4da215; }
.flowerCheck{width:928px;height:290px;display:none;background: url(../images/tkbg_03.png) no-repeat;background-size:cover;position: absolute;bottom:0px;left:50%;margin-left:-464px; }
.close{width:45px;height:45px;cursor: pointer}
.flowerList{width:823px;height:110px;display: block;margin:0 auto;margin-top:80px;text-align: center}
.flowerList li{width:137px;height:100%;float:left;font: normal 16px "Microsoft YaHei";color:#181817;text-align: center;}
.flowerList li>p{margin-top: 10px;}
.flower_box{width:80px;height:80px;border-radius: 80px;overflow: hidden;margin:0 auto;}
.flowerList li:hover .flowerNmae{ color:#4da215}
.flowerList li:hover .inputRadio{background: url(../images/radio_03.png)  no-repeat;background-position: -16.5px 3px;}
.inputRadio{padding-left: 15.5px;background: url(../images/radio_03.png)  no-repeat;background-position: 0 3px;cursor: pointer}
.inputRadio:hover{background: url(../images/radio_03.png)  no-repeat;background-position: -16.5px 3px;}
.goodsLanger{width:823px;height:25px;margin: 0px auto;margin-top:10px;}
.goodsLanger ul li{float:left;margin-left: 20px;color:#181817;font: normal 16px "Microsoft YaHei"}
#submit{width:140px;height:35px;background: #4da215;color:white;font:normal 16px "Microsoft YaHei";color:white;border-radius: 35px;display: block;cursor:pointer;margin: 15px auto;}
#submit:hover{background: #378206}
.flowerLi .curr{background: url(../images/checked_03.png) no-repeat!important;background-position: 0 3px!important;}
.ml8{margin-left: 8px;}
.success{width:100%;height:100%;display:none;background: rgba(0,0,0,0.8);position:absolute;top:0;left:0;z-index: 1000}
.huapeng{    width: 468px;
    height: 565px;
    background: url(../images/huapeng_03.png) no-repeat center center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -234px;
    color: #4da215;
    font: normal 36px "Microsoft YaHei";
    text-align: center; }
.huapeng>p{margin-top:60px;}
.vml{vertical-align: middle}
.footer{
    width: 100%;
    height: 136px;
    background: url(../images/bg_footer.jpg) no-repeat center center;
    position: absolute;
    bottom: 0;
    z-index: 100;
}
.footer .record {
    color: #fff;
    margin-top: 27px;
    line-height: 24px;
    width: 820px;
}
.footer .record a{
    color: #fff;
    text-decoration: none;
}
.footer .record a:hover{
    text-decoration: underline;
}

.footer .logo_gov {
    margin-top: 5px;
}

.footer .lbl_views{
    color: #fff;
    margin-left: 6px;
    margin-top: 5px;
}

.footer .views_num {
    font-size: 26px;
    color: #fff;

}

.footer .box_media{
    width: 245px;
    height: 55px;
    position: relative;
    bottom: 38px;
}

.box_media .tit {
    color: #fff;
    display: inline-block;
}



.box_media a{
    position: relative;
    height: 55px;
    display: inline-block;
    text-align: center;
}

.box_media a:hover .tit{
    color: #163800;
}
/*qq*/
.box_media .qq{
    width: 56px;
}

.box_media .qq:hover .ico{
    background-position: 0 -33px;
}

.box_media .qq .ico{

    background: url("../images/qq.png") no-repeat 0 0;
    width: 29px;
    height: 33px;
    display: inline-block;
}



/*微博*/
.box_media .weibo{
    width: 60px;
    margin-left: 20px;
}

.box_media .weibo:hover .ico{
    background-position: 0 -33px;
}

.box_media .weibo .ico{

    background: url("../images/weibo.png") no-repeat 0 0;
    width: 37px;
    height: 30px;
    display: inline-block;
}


/*微信*/
.box_media .WeChat{
    width: 60px;
    margin-left: 20px;
}
.box_media .WeChat:hover .ico{
    background-position: 0 -30px;
}

.box_media .WeChat .ico{

    background: url("../images/weChat.png") no-repeat 0 0;
    width: 41px;
    height: 30px;
    display: inline-block;
}

.pop_wiebo {
    width: 141px;
    height: 150px;
    background: url("../images/bg_pop.png") no-repeat center;
    position: absolute;
    top:-170px;
    left:-40px;
    z-index: 1000;
    text-align: center;
    padding-top: 16px;
}

.pop_wechat{
    width: 141px;
    height: 150px;
    background: url("../images/bg_pop.png") no-repeat center;
    position: absolute;
    top:-170px;
    left:-40px;
    z-index: 1000;
    text-align: center;
    padding-top: 16px;
}













